// components/button/index.js
Component({
  /**
   * 组件的属性列表
   * type: 0(橙底)，1(白底) 2 (灰底)
   * text: 按钮文本
   * width: 按钮宽度，默认 690rpx
   * height: 按钮高度，默认 80rpx
   */
  properties: {
    type: {
      type: Number,
      observer(newVal, oldVal, changePath){
        let css = "";
        if(newVal == 0){
          css = 'orange-bg';
        }else if(newVal == 1){
          css = 'white-bg';
        } else if (newVal == 2) {
          css = 'forbid-bg'
        }
        this.setData({bgType: css});
      }
    },
    text: String,
    width:{
      type: Number,
      value: 690
    },
    height: {
      type: Number,
      value: 80
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    bgType: 'orange-bg'
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onClick: function(){
      this.triggerEvent('click',{},{});

    }
  }
})
